{{ if default true .Site.Params.BookSearch }}
<div class="magic">
    <div class="book-search">
      <input type="text" id="book-search-input" placeholder="{{ i18n "Search" }}" aria-label="{{ i18n "Search" }}" maxlength="64" data-hotkeys="s/" />
      <div class="book-search-spinner hidden"></div>
      <ul id="book-search-results"></ul>
    </div>
    <div class="js-toggle-wrapper">
      <div class="js-toggle">
          <div class="js-toggle-track">
              <div class="js-toggle-track-check">
                    <img src="" role="presentation" style="pointer-events: none;" width="16" height="16">
              </div>
              <div class="js-toggle-track-x">
                    <img src="" role="presentation" style="pointer-events: none;" width="16" height="16">
              </div>
          </div>
          <div class="js-toggle-thumb">
              <img src="" role="presentation" style="pointer-events: none;" width="32" height="32">
          </div>
          <input class="js-toggle-screenreader-only" type="checkbox" aria-label="Switch between Dark and Light mode">
      </div>
    </div>
</div>
{{ end }}
